<%@ page language="java" contentType="text/html; charset=UTF-8"
      pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>使用 XMLHttpRequest 对象发送 GET 请求</title>
        <script>
            function sendGetRequest() {
                // 创建 XMLHttpRequest 对象
                var xhr = new XMLHttpRequest();
                // 设置请求头
                xhr.onreadystatechange = function() {
                    if (xhr.readyState == 4 && xhr.status == 200) {
                        // 请求成功时的处理，将id为 result 的元素的内容设置为响应的文本数据
                        document.getElementById('result').innerHTML = xhr.responseText;
                    } else {
                        // 请求失败时的处理
                        document.getElementById('result').innerHTML = '请求失败';
                    }
                }
                // 发送请求
                xhr.open('GET', 'XHRServlet', true);
                xhr.send();
            }
        </script>
    </head>
    <body>
        <h1>使用 XMLHttpRequest 对象发送 GET 请求</h1>
        <button type="button" onclick="sendGetRequest()">点击我发送 GET 请求，在下方切换新闻</button>
        <div id="result"></div>
    </body>
    </html>